<div style="background-color: #99bf31;color: #ffffff;font-size: 12px;font-weight: bold"><center>BOLETA DE VENTA</center></div>
<div id="form_datos_cliente" style="background-color: #f1ecec;  border-bottom: 1px solid #C00;">
    <table border="0" cellspacing="0">
        <tr>
            <td>Codigo cliente</td>
            <td>:</td>
            <td><input type="text" name="codigo_cliente" id="codigo_cliente"></td>
        </tr>
        <tr>
            <td>Nombre</td>
            <td>:</td>
            <td><input type="text" name="direccion" id="direccion" size="50"></td>
        </tr>
        <tr>
            <td>Fecha:</td>
            <td>:</td>
            <td><input type="text" name="fecha" id="fecha" size="5"> <label style="margin-left: 100px">Impuestos:</label><input type="text" name="impuesto" id="impuesto" size="1" value="18">%</td>
        </tr>
    </table>
</div>
<div style="padding-top: 20px;"></div>
<div id="form_productos" style="background-color:ghostwhite">
    <table border="0" cellspacing="0">
        <tr>
            <td>Codigo de barras</td>
            <td>:</td>
            <td><input type="text" name="codigo_barras" id="codigo_barras" onkeypress=""></td>
        </tr>
        <tr>
            <td>Descripcion</td>
            <td>:</td>
            <td><input type="text" name="descripcion" id="descripcion" size="50">
            </td>
        </tr>
         <tr>
             <td>Precio</td>
             <td>:</td>
             <td><input type="text" id="precio" name="precio">
                 <label style="margin-left: 15px">Cantidad:</label><input type="text" id="cantidad" name="cantidad">
                 <label style="margin-left: 15px">Dscto:</label><input type="text" id="descuento" name="descuento" size="1">%
                 <label style="margin-left: 15px">Importe:</label><input type="text" id="importe_producto" name="importe_producto" size="3"><label>soles</label>
                 <input type="button" name="agregar_producto" id="agregar_producto"  value="agregar">
             </td>
        </tr>
    </table>
</div>

<div id="articulos_lista" style="width: 830px;height: 300px" >
    <table border="0" width="100%" cellspacing="0">
        <tr style="background-color: #cccccc">
           <td>Item</td>
           <td>Familia</td>
           <td>Referencia</td>
           <td>Descripci&oacute;n</td>
           <td>Cantidad</td>
           <td>Precio</td>
           <td>Descuento</td>
           <td>Importe</td>
        </tr>
        <tr style="background-color: #cccccc;height: 150px" >
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
        </tr>
    </table>
    <input type="button" name="vender" id="guardar" value="vender">
    <label style="margin-left: 500px">Total:</label>
    <input type="text" id="total" name="total" maxlength="7" style="width: 200px;height: 60px;font-size: 40px">
   
</div>